{% extends "base.html" %}
{% block header %}
    <h1>Topics</h1>
{% endblock header %}

{% block content %}
    {#    <p>Topics</p>#}

    <ul>
        {% for topic in topics %}
            {#            <li>{{ topic }}</li>#}
            <li><h3><a href="{% url "learning_logs:topic" topic.id %}">{{ topic }}</a></h3></li>
        {% empty %}
            <li>No topics have been added yet.</li>
        {% endfor %}

    </ul>
    <h3><a href="{% url 'learning_logs:new_topic' %}">Add a new topic:</a></h3>
{% endblock content %}